﻿<style>
    .ui-grid-cell {
        height: auto !important;
    }
</style>
<div class="bg-light lter b-b wrapper-sm">
    <h1 class="m-n font-thin h4">用户管理/信息</h1>
</div>

<div class="wrapper-sm">
    <tabset class="tab-container" ng-init="steps={percent:35, step1:false, step2:false, step3:false, step4:false, step5:true, step6:false}">

        <tab heading="账户信息" active="steps.step1" select="steps.percent=35" ui-sref="app.management.account_info">

            <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
        </tab>

        <tab heading="实名认证" active="steps.step2" disabled="step1.$invalid" select="steps.percent=55" ui-sref="app.management.realname_authentication">
        </tab>

        <tab heading="常跑路线" active="steps.step3" disabled="step2.$invalid" select="steps.percent=75" ui-sref="app.management.running_route">
        </tab>

        <tab heading="关注路线" active="steps.step4" select="steps.percent=100" ui-sref="app.management.concern_route">
        </tab>

        <tab heading="我的银行卡" active="steps.step5" disabled="step4.$invalid" select="steps.percent=80" ui-sref="app.management.bank">
            <form name="step5" class="form-horizontal form-validation" novalidate>

                <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
                <div class="wrapper-sm" ng-controller="userBankCtrl">
                    <div class="panel panel-default">
                        <div class="panel-heading font-bold"></div>
                        <div class="panel-body">
                            <label class="control-label pull-left m-l m-r ">车牌号：{{carCode}}</label>
                            <div class="line pull-in"></div>
                            <label class="control-label pull-left m-l m-r ">持卡人姓名</label>
                            <div class="col-md-2 form-group">
                                <input type="text" class="form-control input-sm" ng-model="holder" required placeholder="请填写持卡人姓名" name="holder">
                            </div>

                            <label class="control-label pull-left m-l m-r ">银行卡号</label>
                            <div class="col-md-3 form-group">
                                <input id="cardNumber" type="text" class="form-control input-sm" required ng-model="cardNumber" ng-change="getBankName()" placeholder="请填写银行卡号" name="cardNumber" ng-pattern="/^\d{16}|\d{19}$/">
                            </div>

                            <label class="control-label pull-left m-l m-r ">开户银行</label>
                            <div class="col-md-3 form-group">
                                <input type="text" class="form-control input-sm" ng-disabled="bankDis" ng-model="bank" required placeholder="请填写开户银行" name="bank">
                            </div>
                            <label class="control-label pull-left m-l m-r"></label>
                            <button class="btn m-b-xs btn-sm btn-info btn-addon " ng-disabled="step5.$invalid" ng-click="bankAdd()"><i class="fa fa-plus"></i>添加</button>

                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            账户列表
                        </div>
                        <!--ui-grid-pagination--> 
                        <div class="table-responsive">
                            <div ui-grid="bankList" ui-grid-auto-resize>
                                <div class="watermark" ng-if="!bankList.data.length">暂无数据<i class="fa fa-spinner no-bordr" ng-show="seeks" ng-class="{'fa-spin':seeks}"></i></div>
                            </div>

                        </div>
                    </div>

                </div>

            </form>
        </tab>
        <tab heading="诚信记录" active="steps.step6" disabled="step5.$invalid" select="steps.percent=100" ui-sref="app.management.evaluate">
        </tab>
    </tabset>


</div>
